<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米盒子</title>
    <link rel="stylesheet" href="css/page.css"/>
</head>
<body>
<div class="top">
    <div class="top-a">
        <ul class="top-a-a">
            <li><a href="#">小米网</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">MIUI</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">米聊</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">游戏</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">多看阅读</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">小米网移动版</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">Select region</a></li>
        </ul>
        <ul class="top-a-b">
            <li><a href="#">登录</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </div>
</div>

<div class="da">
    <div class="top-b-a">
        <button>购物车</button>
        <p>5月12日开放购买</p>
        <div class="top-b-b">
            <input placeholder="搜索您需要的东西" type="text"/>
            <a href="#"></a>
        </div>
    </div>

    <div class="nav-a">
        <div class="nav-b">
            <p><a href="#">全部商品分类 <span>Ⅴ</span></a></p>
        </div>
        <div class="nav-c">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">小米手机</a></li>
                <li><a href="#">红米</a></li>
                <li><a href="#">小米平板</a></li>
                <li><a href="#">小米电视</a></li>
                <li><a href="#">盒子</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">合约机</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
    </div>
    <div class="nav-e">
        <button>立即购买</button>
        <ul>
            <li><a href="#">综述</a></li>
            <li><a href="#">设计</a></li>
            <li><a href="#">片源</a></li>
            <li><a href="#">功能</a></li>
            <li><a href="#">配置</a></li>
            <li><a href="#">产品故事</a></li>
            <li><a href="#">参数</a></li>
            <li><a href="#">讨论区</a></li>
            <li><a href="#">F码通道</a></li>
        </ul>
        <p><span>小米小盒子</span> | 小米盒子 增强版</p>
    </div>
</div>
<div class="reddot">
    <div class="reddot-a">
        <p class="reddot-b">小米小盒子</p>
        <p class="reddot-c">全球最小的全高清网络机顶盒</p>
        <p class="reddot-d"><span>199</span> 元</p>
        <button>立即购买</button>
    </div>
</div>
<div class="cha">
    <p class="cha-a">顶尖科技，小到难以置信</p>
    <p class="cha-b">小米小盒子出乎意料的小，采用电源直插，仅占一个插线孔，可<br>随意放在任何一个角落，无需为它特别准备空间。</p>
</div>
<div class="shou">
</div>
<div class="cltv"></div>
<div class="shong"></div>
<div class="liwu">
    <p class="liwu-a">小米最好的新年礼物</p>
    <p class="liwu-b">199 <span>元</span></p>
    <img src="images/hz-28.jpg" alt=""/><br>
    <button>立即购买</button>
</div>
<div class="sj-b">
    <div class="sj">
        <div class="sj-a">
            <img src="images/hzs-10.jpg" alt=""/>
            <p>设计</p>
        </div>
        <div class="sj-a">
            <img src="images/hzs-11.jpg" alt=""/>
            <p>片源</p>
        </div>
        <div class="sj-a">
            <img src="images/hzs-12.jpg" alt=""/>
            <p>功能</p>
        </div>
        <div class="sj-a">
            <img src="images/hz-13.jpg" alt=""/>
            <p>配置</p>
        </div>
        <div class="sj-a" style="border-right: none">
            <img src="images/gongyi.png" alt=""/>
            <p>产品故事</p>
        </div>
    </div>
</div>
<div class="dianshi">
    <div class="dianshi-b">
        <img src="images/shoubing.jpg">
        <p class="dianshi-ba">小米蓝牙手柄</p>
        <p class="dianshi-bb">双马达振动三轴重力感应<br>小米电视、盒子游戏必备</p>
        <span>99元</span>
    </div>
    <div class="dianshi-b">
        <img src="images/common-footer-mitv2.jpg">
        <p class="dianshi-ba">小米电视2</p>
        <p class="dianshi-bb">配备独立音响的超强4K电视<br>含电视、Soundbar与无线低音响</p>
        <span>3999元</span>
    </div>
    <div class="dianshi-b">
        <img src="images/common-footer-mibox.jpg">
        <p class="dianshi-ba">小米盒子 增强版</p>
        <p class="dianshi-bb">首款4K超高清网络机顶盒<br>性能提升至3倍，电视变身游戏机</p>
        <span>299元</span>
    </div>
</div>
<div class="end">
    <div class="end-a">
        <div class="end-b">
            <img src="images/10.png" alt=""/>
            <p>1小时快修服务</p>
        </div>
        <div class="end-b">
            <img src="images/11.png" alt=""/>
            <p>7天无理由退化</p>
        </div>
        <div class="end-b">
            <img src="images/12.png" alt=""/>
            <p>15天免费换货</p>
        </div>
        <div class="end-b">
            <img src="images/13.png" alt=""/>
            <p>满150元包邮</p>
        </div>
        <div class="end-b">
            <img src="images/14.png" alt=""/>
            <p>520余家售后网点</p>
        </div>

    </div>
    <div class="end-c centenr">
        <div class="end-d">
            <p class="end-d-wz">400-100-5678</p>
            <p class="end-d-wx">周一至周日8：00-21：00<br>（仅收市话费）</p>
            <button>24小时在线客服</button>
        </div>

        <div class="end-e">
            <ul>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
            </ul>
            <ul>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">自助服务</a></li>
                <li><a href="#">相关下载</a></li>
            </ul>
            <ul>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网店</a></li>
                <li><a href="#">预约亲临到店的服务</a></li>
            </ul>
            <ul>
                <li><a href="#">关于小米</a></li>
                <li><a href="#">了解小米</a></li>
                <li><a href="#">加入小米</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <ul>
                <li><a href="#">关注我们</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">小米部落</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
        </div>
    </div>
    <div class="end-f">
        <ul>
            <li>小米旗下网站：小米网</li>
            <li>|</li>
            <li><a href="#">MIUI</a></li>
            <li>|</li>
            <li><a href="#">米聊</a></li>
            <li>|</li>
            <li><a href="#">多看书城</a></li>
            <li>|</li>
            <li>小米路由器<a href="#"></a></li>
            <li>|</li>
            <li><a href="#">繁体香港</a></li>
            <li>|</li>
            <li><a href="#">繁体台湾</a></li>
            <li>|</li>
            <li><a href="#">English</a></li>
            <li>|</li>
            <li><a href="#">小米后院</a></li>
            <li>|</li>
            <li><a href="#">小米天猫店</a></li>
            <li>|</li>
            <li><a href="#">小米淘宝直营店</a></li>
            <li>|</li>
            <li><a href="#">小米网盟</a></li>
        </ul><br>
        <p>mi.com京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>

        <div class="end-i">
            <input placeholder="简体中文" type="text"/>
        </div>
    </div>
</div>
</body>
</html>